<template>
	<view class="container">
		<qiun-data-charts
			type="arcbar"
			:opts="{
				title: { name: '80%', color: '#2fc25b', fontSize: 35 },
				subtitle: { name: '正确率', color: '#666666', fontSize: 25 },
			}"
			:chartData="option"
		/>
	</view>
</template>

<script>
import useStore from '@/store/index';
//下面是演示数据，您的项目不需要引用，数据需要您从服务器自行获取
import demodata from '@/mockdata/demodata.json';
export default {
	name: 'CustomTopCharts',
	data() {
		return {
			scrollTop: 0,
			option: {},
		};
	},
	mounted() {
		this.init();
	},
	methods: {
		init() {
			this.setChart();
			console.log('====');
		},
		setChart() {
			setTimeout(() => {
				//因部分数据格式一样，这里不同图表引用同一数据源的话，需要深拷贝一下构造不同的对象
				//开发者需要自行处理服务器返回的数据，应与标准数据格式一致，注意series的data数值应为数字格式
				this.option = JSON.parse(JSON.stringify(demodata.Arcbar1));
			}, 1500);
		},
	},
};
</script>

<style lang="scss" scoped>
.container {
}
</style>
